<template>
<Main>
    <div slot="phone-menu">
        <index-menu></index-menu>
    </div>
    <div slot="content">
        <breadcrumb-nav :currentPath="currentPath" mgt2></breadcrumb-nav>
        <router-view mgt2></router-view>
    </div>
</Main>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop,Watch } from 'vue-property-decorator';
import AbpBase from '../lib/abpbase'
import Main from './main.vue'
import IndexMenu from './home/index-menu.vue'
import breadcrumbNav from '../components/breadcrumb-nav.vue';

@Component({
    components: { Main, IndexMenu, breadcrumbNav }
})
export default class Index extends AbpBase{
	get index() {
		return this.$store.state.websiteInfo.homeIndex;
	}
	get currentPath () {
		return this.$store.state.app.currentPath;
	}
	async handleGetIndex() {
		await this.$store.dispatch('websiteInfo/getHomeIndex');
	}
	async created() {
		await this.handleGetIndex();
	}
}
</script>



